Sublime Text 2 - Find Function Definition 移到方法定義

Eclipse 並不是我的開發工具,所以我不清楚,不過對比到我主要的開發工具「Visual Studio」上面的功能,例如在 C# 程式中,在程式中對使用的方法或是變數按下 F12 或 Shift + F12 就可以移到定義或是找出哪些程式有使用變數或方法,VS2010 只能對 C# 或是其他 Server 端語言才能使用這樣的功能(或是安裝第三方工具後也會有這樣ˇ功能),而到了 VS2012 除了 Server 端語言有這樣的功能外,也開始支援在 Javascript 程式裡有這樣尋找定義的功能,在 Sublime Text 2 也是有類似的 Package「Find Function Definition」。

 


閱讀更多 »

Sublime Text 2 - IMESupport

好久沒有寫 Sublime Text 2 相關的文章了,這麼久沒寫其實在之前也曾經解釋過,畢竟我還是開發 ASP.NET MVC 為主,所以編輯器是使用 Visual Studio,在編輯前端網頁的內容或是 Javascript 時,Visual Studio 已經是有提供相當不錯的功能,但還是有需要使用 Sublime Text 2 的時候,在使用 ST2 時會有個小小的困擾,那就是輸入中文的時候,在 Windows 環境下,在 ST2 裡面輸入中文真的是會讓使用者一整個怪異與不習慣,

以前曾經有位朋友向我提起過這個問題,最後也只能歸納為 ST2 對於非英語系的文字輸入支援度不夠,最後也就不了了之,然而最近看到 ST2 有個 Packages 是能夠解決這個問題。


閱讀更多 »

Sublime Text 2 - 同步捲動檔案視窗 Part.2

 

上一篇「Sublime Text 2 - 同步捲動檔案視窗 Part.1」的最後有提到,

因為「Synchronized File Scrolling」只有提供鍵盤操作的功能,並沒有提供滑鼠的操作,

所以必須要用另外一種方法來解決,這一篇文章就是要來介紹這個方法,不多廢話就直接看下去!

 

閱讀更多 »

Sublime Text 2 - 同步捲動檔案視窗 Part.1

 

在比對兩份檔案是否為內容一致或是要看差異性的時候,我們會用 WinMerge 或是 CodeCompare 等工具來輔助,

尤其是遇到檔案簽入版本控管且遇到檔案衝突的時候就一定會用到這樣的工具,

 

在比對兩份文件的時候,我們可以拖曳視窗的捲軸來上下移動文件,此時兩份文件就會同時上下移動,

這樣同時捲動文件內容就可以很輕易的比對出兩份文件的差異性,

 

在 Sublime Text 2 中有支援多檔案在多個直行或多個橫列中顯示,

但是 Sublime Text 2 並沒有直接提供同時捲動兩份文件的功能,所以比對兩份文件時就必須自己手動去分別去捲動文件,

所以這一篇文章就是要來說明透過安裝 package 來讓 Sublime Text 2 可以有同時捲動文件的功能。

 

閱讀更多 »

Sublime Text 2 - 關於 Indent Guide …

 

之前有網友提出了這個問題:

是的,有關 Sublime Text 2 的 Indent Guide 就目前而言,還沒有一個比較有直接修改其樣式顏色的方式或是套件,

我所謂的直接修改,我們在 Sublime2 中只需要去修改或是增加 Preference.sublime-settings 裡面的屬性,

例如顯示字型的種類或是顯示的大小,或是使用的 theme 樣式,只要修改或是增加屬性就能夠改變顯示的樣貌,

而 indent_guide 的修改就沒有辦法這麼做。

 

閱讀更多 »

Sublime Text 2 - 快速開啟符合搜尋關鍵字的檔案


事情是這樣的……

我自己試了一下,使用「Ctrl + P」的方式輸入關鍵字然後開啟檔案,這方式的確很簡單也蠻方便的,

不過要是想要開啟好幾個符合關鍵字的檔案就沒有辦法這麼做了,難道真的要一個一個開啟嗎?

要是檔案數量有一堆,豈不是要開到天荒地老嗎?

不過呢 …… 這還是有方法來達到這樣的操作需求,完全使用鍵盤操作而不必用到滑鼠,

以下就來看看用什麼樣的方法來達到這樣的操作需求。

 

閱讀更多 »

Sublime Text 2 - Packages 介紹 - 關於 JSON 與 XML 格式


一段時間沒有寫有關 Sublime Text 2 的文章了,所以今天就介紹兩個有關 JSON 與 XML 格式整理的 Packages,

有些人看到被 Minifer 過的 JSON, XML 資料會覺得很礙眼,因為很不好辨識,

所以對資料格式有嚴重潔癖的人來說,接下來所介紹的兩個 Packages 就會有很大的幫助了。

 

閱讀更多 »

Sublime Text 2 - Packages 介紹 - KeymapManager


Sublime2 有個不錯的優點就是有蠻多好用的 Packages,當我們在 Sublime2 安裝越來越多的 Packages 之後,雖然可以讓我們在 Sublime2 的使用更加地便利,但越來越多的快速鍵就是個問題,有些快速鍵的組合方式又相當地相似,甚至於有的快速鍵會跟其他編輯器的快速鍵是一樣的,不過操作的功能卻是完全不同,像我已經算是很努力地去記住很多的快速鍵了,但還是常常會忘記,或者是要多試好幾次才能把正確的快速鍵給敲出來,所以為了要避免因為輸入錯誤快速鍵或是想不起快速鍵的窘況一再發生,所以就去找了找有無相關的 Packages 可以有效解決,而還真的有一套不錯的 Packages 可以改善記不住 Packages 快速鍵的情況,接下來就會位各位介紹「KeymapManager」這個好用的小工具。

 

閱讀更多 »

Sublime Text 2 - 使用 Dropbox 同步多台電腦的設定


前一篇「Sublime Text 2 - 使用 SugarSync 同步化多台電腦的設定」說明透過 SugarSync 的資料夾同步功能來同步多台電腦的 Sublime2 設定,

我所使用的 Cloud Storage 服務並不多,但是大部分都不支援指定資料夾的同步功能,

而 SugarSync 剛好有我所需要的,而且還有不錯的 GUI 程式操作介面,所以就一開始就介紹給大家。

 

但是現在比較多人在使用的 Cloud Storage 服務還是「Dropbox」,

我與 tw.MVC 的夥伴之間的文件共享與同步都是使用 Dropbox,

然而 Dropbox 卻沒有提供指定資料夾同步的功能,真的是相當可惜,如果有這個功能的話,我就會花錢買服務,

目前 Dropbox 沒有提供資料夾同步的功能,網路上還是有很多文章有分享如何使用 Symbolic link 的方式來達到資料夾同步的功能,

但是這些指令操作卻會讓很多想要這個功能的使用者有些卻步,而且這種 Symbolic link 的方式也是有些風險存在,

所以這一篇文章中將會說明如何使用 Dropbox 來同步多台電腦的 Sublime2 設定,並且說明千萬要注意的細節。

 

閱讀更多 »

Sublime Text 2 - 使用 SugarSync 同步化多台電腦的設定

 

是的,這一篇是說如何使用「SugarSync」來同步多台電腦的 Sublime2 設定,

為何不使用「Dropbox」來做為同步化的媒介呢?

其實主要的原因之一是已經有很多文章都在說明如何使用 Dropbox 來同步 Sublime2 的設定,

還有另外一個因素是,想要試試看 SugarSync 的目錄同步化的功能應用,

看看 SugarSync 是否適合用於 Sublime2 的同步化,

至於使用 Dropbox 來做同步化,下一篇文章也來實作一次好了。

 

閱讀更多 »

Sublime Text 2 - 手動安裝Package



昨天有人在「Sublime Text 2 另一種對齊的Package Abacus」提出了問題,



之前的Package安裝都是透過「Package Control」來進行,如果說要手動安裝Package的話,要如何操作呢?

這在之前的文章裡面都未曾提及,而這一篇就會針對這個問題來進行手動安裝Package操作說明,

而手動安裝的Package則選擇「BracketHighlighter」,這是一個可以讓括號高亮顯示的實用小套件,

在文末也會有手動安裝Package的操作視訊畫面,讓各位可以更加清楚了解整個操作的流程。


閱讀更多 »

Sublime Text 2 - Goto … 操作說明 + Goto Symbol


使用Sublime2編輯文件的時候,會希望有以下的操作功能:


前面四項的功能要求,其實可以透過Sublime2既有的「Goto …」功能來達成,而最後一項功能需求就必須透過安裝Package「Goto Symbol」來達成囉,接下來的內容就會介紹如何操作這些功能需求。

閱讀更多 »

Sublime Text 2 另一種對齊的Package Abacus


上一篇介紹的 Sublime Text 2 Package「Alignment」是最多人使用的對齊套件,然而也有另一個Package也是做同樣的操作功能,然而卻有一些的不同,所以這邊也同樣介紹給大家,

 


閱讀更多 »

Sublime Text 2 使用Alignment對齊你的Code


我還不算是個有嚴重程式碼潔癖的人,但至少程式碼看起不要太過於雜亂就好,

但是在程式碼中看到一些亂亂的地方時,也還是會覺得礙眼…



如上圖的情況,如果這種沒有對齊的情況不是很多的情況下,很多人一定會選擇忽略,或是動手去調整一下,

假如這個情況出現的越來越頻繁,或是沒有對齊的地方太多,久而久之就不會多花時間來整理。

Sublime Text 2有個Package「Alignment」就可以幫我們解決這個問題,

大部分介紹Sublime2的部落格文章也一定會提到這個Package,當然這裡也不免俗的也要來介紹啦。

閱讀更多 »

Sublime Text 2 更換主題(Theme)

前面兩篇文章說明了 Sublime2 安裝以及 Pack Control 的安裝與使用,而這一篇則是要來介紹如何更換主題,雖然說這並不是什麼多重要的功能,也不會為往後的操作上能帶來多大的效益,但是如果能夠把一個會時常面對的工具讓它的外觀可以變得賞心悅目一些,我相信在使用上以及觀看上可以讓我們更加的順眼,你說是吧!?

閱讀更多 »

Sublime Text 2 安裝Package Control

Sublime Text 2(以後將會簡稱為 Sublime2)最大的一個特點就是可以安裝多種的 Package,而且 Packages 的種類相當多,有 PHP、Ruby、Java、JavaScript、jQuery 各種相關的 Packages,並不是每一種 Packages 都一定要安裝,當然是安裝對你開發上或是使用上有幫助的 Packages,相信我,這些 Packages 都可以大大地提昇開發與使用的效率,然而新安裝的 Sublime2 要安裝 Packages 是蠻不直覺的,雖然說 Sublime2 的安裝相當簡單,但是如果有一個功能可以簡化安裝步驟的話,將會讓我們使用 Sublime2 會更加隨心所欲。

閱讀更多 »

Sublime Text 2 安裝與簡單使用說明


上次已經簡單的介紹了「Sublime Text 2」是個什麼樣的工具了,而這一篇將會介紹如何安裝,除了安裝軟體的本身之外,也會簡單的說明幾個使用上的技巧。

內容概要:
  1. 安裝Sublime Text 2
  2. 使用Sublime Text 2的命令面板(Command Palette)
  3. 使用Console命令列
  4. 開啟/關閉側邊欄(Sider Bar)
  5. 文件切換
  6. 更換編輯顯示模式

 


閱讀更多 »

Sublime Text 2 介紹


這幾天都一邊看「30 Days to Learn jQuery」一邊重新複習 jQuery,看著教學影片時就有個地方讓我引起好奇,教學影片裡編輯 jQuery 環境是在一個叫做「Sublime Text 2」的 Editor 下,



這個編輯器看起來相當清爽,而且在編輯前端網頁 HTML 或是 jQuery 時都有提示與自動完成的功能,在 Windows 環境下一直無法找到好用的編輯器,而看到這個雖然是在 Mac 作業系統中執行的 Sublime Text 2,到 Google 搜尋「Sublime Text 2」,看到它也有提供 Windows 版本,於是在好奇的心態下就嘗試使用它,而慢慢摸索 Sublime Text 2 的功能後發現到,Sublime Text 2 對我來說是個相當好用以及方便的編輯器。

閱讀更多 »